{strip}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>易股-{$SystemName}</title>
    <meta itemprop="image" content="/images/yilab_favicon.png" />
    <link rel="shortcut icon" href="/images/favicon.ico" mce_href="/images/favicon.ico" type="image/x-icon"></link>
    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="/js/libs/jquery-ui-1.9.2.custom.min.js"></script>
    <script type="text/javascript" src="/js/stocks.js"></script>
    <script type='text/javascript'>
    {literal}
    $(function(){
    {/literal}
    var s = $.yilab.stocks;
    s.stockAutoComplete("#add_investmen_symbol");
    
    $.datepicker.regional['zh-CN'] = {
        closeText: '关闭',
        prevText: '&#x3C;上月',
        nextText: '下月&#x3E;',
        currentText: '今天',
        monthNames: ['一月','二月','三月','四月','五月','六月',
        '七月','八月','九月','十月','十一月','十二月'],
        monthNamesShort: ['一月','二月','三月','四月','五月','六月',
        '七月','八月','九月','十月','十一月','十二月'],
        dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
        dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
        dayNamesMin: ['日','一','二','三','四','五','六'],
        weekHeader: '周',
        dateFormat: 'yy-mm-dd',
        firstDay: 1,
        isRTL: false,
        showMonthAfterYear: true,
        yearSuffix: '年'};
    $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
    $(".datepicker").datepicker({ dateFormat : "yy-mm-dd", inline: true });
    
    $("#add-investment-toggle-btn").click(function(){
        if($(this).hasClass("ui-icon-plus")){
            var icon = $(this).find("span.ui-icon-plus");
            icon.removeClass("ui-icon-plus");
            icon.addClass("ui-icon-minus");
        }else{
            var icon = $(this).find("span.ui-icon-minus");
            icon.removeClass("ui-icon-minus");
            icon.addClass("ui-icon-plus");
        }
        $("#add-investment-basic-btn").toggle();
        $("#add-investment").toggle();
    });
    
    function checkForm(){
    }
    $("#frm_add_investmen").submit(function(){
        return checkForm();
    });
    {literal}
    });
    {/literal}
    </script>
    <style type="text/css">
        @import "/skins/{$page_skin}/global.css";
        @import "/skins/{$page_skin}/stocks/index.css";
    </style>
</head>
<body> 
    <div id="container">
        {include file="common/header.tpl.html"}
        <div id="body">
            <div>
                <ul>
                    {section name=idx loop = $combinations}
                    <li>{$combinations[idx].id}:{$combinations[idx].name}</li>
                    {/section}
                </ul>
            </div>
            <div>
                <form id="frm_add_investmen" action="{$add_investmen_action}" method="post">
                    <div class="clear">
                        <div id="add-investment-basic" class="left">
                            <label>编码：</label>
                            <input id="add_investmen_symbol" name="add_investmen_symbol" type="text" />
                            <input id="add-investment-basic-btn" name="add-investment-basic-btn" type="submit" value="添加" />
                        </div>
                        <div id="add-investment-toggle-btn" class="left"><span class="ui-icon ui-icon-plus left"></span><a href="#" onclick="javascript:void(0);" class="left">添加详细</a></div>
                        <div class="clear"></div>
                    </div>
                    <div id="add-investment">
                        <table>
                            <tr><th>类型</th><th>日期</th><th>数量</th><th>总成本</th><th>备注</th></tr>
                            <tr>
                                <td>
                                    <select name="add_investmen_type">
                                    {section name=idx loop = $investmentTypes}
                                    <option value="{$investmentTypes[idx].code}">{$investmentTypes[idx].name}</option>
                                    {/section}
                                    <select>
                                </td>
                                <td><input id="add_investmen_date" name="add_investmen_date" type="text" class="datepicker" readonly="readonly" /></td>
                                <td><input id="add_investmen_quantity" name="add_investmen_quantity" type="text" /></td>
                                <td><input id="add_investmen_cost" type="text" name="add_investmen_cost" type="text" /></td>
                                <td><input id="add_investmen_note" type="text" name="add_investmen_note" type="text" /></td>
                            </tr>
                        </table>
                        <div><input id="add-investment-details-btn" name="add-investment-details-btn" type="submit" value="添加" /></div>
                    </div>
                </form>
            </div>
        </div>
        {include file="common/footer.tpl.html"}
    </div> 
</body>
</html>
{/strip}